{% extends "personal_center/base.html" %}

{% block page_link %}
    <link rel="stylesheet" href="../../static/technological/css/style.css">
    <link rel="stylesheet" type="text/css" href="../../static/finance/css/tooltip.css">
{% endblock %}


{% block style %}
    <style>
        .add_class {
            background: #1E90FF;
        }
        #card_id li{
            list-style: none;
            color: #454d55;
            margin-top: 8px;
        }
        .add-cars li:hover {
            background-color: #1E90FF;
            color: white;
        }
    </style>
{% endblock %}



{% block right_content %}
    <div id="card_id" style="width: 100%;height: 100%;padding: 2%;overflow: auto;">
        <div style="width: 100%;">
            <div onclick="show_tag('topic-manage')" style="width: 100%;height: 40px;line-height: 40px;background: white;padding-left: 10px;cursor: pointer;"><img src="../../static/personal_center/img/标签.png" style="width: 25px;height: 25px;" alt="">委员会管理</div>
            <hr>
            <div id="topic-manage" style="width: 100%;background: white;padding-left: 10px;display: none;">
                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;" href="committee_topics_list.html"> 委员会议题</a>
                </div>

                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;" href="topics_approved.html"> 我的已办</a>
                </div>

                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;" href="list_of_Issues.html"> 议题目录</a>
                </div>

                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;" href="summary_of_issues.html"> 议题汇总</a>
                </div>
            </div>
        </div>

        <div style="width: 100%;margin-top: 10px;">
            <div onclick="show_tag('document-manage')" style="width: 100%;height: 40px;line-height: 40px;background: white;padding-left: 10px;cursor: pointer;"><img src="../../static/personal_center/img/标签.png" style="width: 25px;height: 25px;" alt="">纪要会签</div>
            <hr>
            <div id="document-manage" style="width: 100%;display: none;background: white;">
                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;" href="my_draft.html"> 我的拟稿</a>
                </div>
                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;" href="my_approved.html"> 我的已办</a>
                </div>
            </div>
        </div>

        <div style="width: 100%;margin-top: 10px;">
            <div onclick="show_tag('room-manage')" style="width: 100%;height: 40px;line-height: 40px;background: white;padding-left: 10px;cursor: pointer;{% if work_flag == 'true' or overdue_flag == 'true' %}color: red;{% endif %}"><img src="../../static/personal_center/img/标签.png" style="width: 25px;height: 25px;" alt="">工作督办</div>
            <hr>
            <div id="room-manage" style="width: 100%;background: white;padding-left: 10px;display: none;">
                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;{% if work_flag == 'true' %}color: red;{% endif %}" href="work_supervision_list.html"> 工作督办</a>
                </div>
                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;{% if overdue_flag == 'true' %}color: red;{% endif %}" href="overdue_notice.html"> 超期通知</a>
                </div>
                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;" href="supervision_and_accountability.html"> 监察问责</a>
                </div>
                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;" href="daily_work_list.html"> 日常工作</a>
                </div>
            </div>
        </div>

{#        <div style="width: 100%;margin-top: 10px;">#}
{#            <div onclick="show_tag('car-manage')" style="width: 100%;height: 40px;line-height: 40px;background: white;padding-left: 10px;cursor: pointer;"><img src="../../static/personal_center/img/标签.png" style="width: 25px;height: 25px;" alt="">行政督查</div>#}
{#            <hr>#}
{#            <div id="car-manage" style="width: 100%;background: white;padding-left: 10px;display: none;">#}
{#                #}
{##}
{#                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">#}
{#                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">#}
{#                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;" onclick="FilePermissions()" href="javascript:;"> 公文/纪要库</a>#}
{#                </div>#}
{#            </div>#}
{#        </div>#}

        <div style="width: 100%;margin-top: 10px;">
            <div onclick="show_tag('doctor_morality')" style="width: 100%;height: 40px;line-height: 40px;background: white;padding-left: 10px;cursor: pointer;"><img src="../../static/personal_center/img/标签.png" style="width: 25px;height: 25px;" alt="">流程节点</div>
            <hr>
            <div id="doctor_morality" style="width: 100%;background: white;padding-left: 10px;display: none;">
                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;" href="process_modification_list.html"> 修改/新增流程</a>
                </div>
            </div>
        </div>

        <div style="width: 100%;margin-top: 10px;">
            <div onclick="show_tag('seal-manage')" style="width: 100%;height: 40px;line-height: 40px;background: white;padding-left: 10px;cursor: pointer;{% if performance_supervision_flag == 'true' %}color: red;{% endif %}"><img src="../../static/personal_center/img/标签.png" style="width: 25px;height: 25px;" alt="">绩效管理</div>
            <hr>
            <div id="seal-manage" style="width: 100%;background: white;padding-left: 10px;display: none;">
                <div style="width: 22%;height: 40px;display: inline-block;vertical-align: top;padding-left: 5%;">
                    <img src="../../static/personal_center/img/申请.png" style="width: 25px;height: 25px;margin-top: -2px;" alt="">
                    <a style="color: #454d55;font-size: 14px;height: 40px;line-height: 40px;{% if performance_supervision_flag == 'true' %}color: red;{% endif %}" href="performance_management.html"> 绩效管理</a>
                </div>
            </div>
        </div>
    </div>
{% endblock %}


{% block script %}
    <script src="../../static/system_setup/creat_from/js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="../../static/finance/js/tooltip.js"></script>
    <script>
        window.onload = function () {
            document.getElementById("personage").className = "add_class";
            document.getElementById("supervision_inspection_management").className = "add-nav-active";
        };

        function show_tag(ele_id) {
            if (document.getElementById(ele_id).style.display === 'none') {
                document.getElementById(ele_id).style.display='block';
            }else {
                document.getElementById(ele_id).style.display='none';
            }
        }
        
        function FilePermissions() {
            var xhr = new XMLHttpRequest();
            xhr.open('post', "/supervision-inspection/file_permissions", true);
            xhr.send();
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4) {
                    if (xhr.status === 200) {
                        var JsonDate = JSON.parse(xhr.responseText);
                        if (JsonDate["flag"] === "true") {
                            window.location = "/supervision-inspection/summary_official_documents.html";
                        } else {
                            alert("对不起，权限不足！");
                            document.getElementById("loading").style.display = "none";
                        }
                    }
                }
             };
        }
    </script>
{% endblock %}
